html {
          width: 100%;
          height: 100%;
          margin: 0;
          }

body{
          margin: 0;
          color: rgb(255,255,255);
          background-color: rgb(188,216,150);
          min-height: 1200px;
          font-family: arial, sans-serif;
          }
hr              {
                    display: block; 
                    clear: both; 
                    visibility: hidden;
                 }

A:link, A:visited, A:active {
                            color: rgb(255,255,255);
                            text-decoration: underline;
                            }           
                                 
A:hover {
        text-decoration: underline overline;
        color: red;
        } 
        
        
.top {
          width: 100%;
          padding-bottom: 10px;
          }
.top a  {
          background: url(logo.png) no-repeat center ;
          height: 200px;
          display: block;
          width: 100%;
        }
.top a span {visibility: hidden;}
          
#navibox  {
            position:  absolute;
            top: 0px;
            left: 0px;
            padding: 5px;
            padding-left: 10px;
            z-index: 1;
            background: transparent;
          }
          
                    
#loginbox {
            position: absolute;
            top: 0px;
            right: 0px;
            padding: 5px;
            padding-right: 10px;
            z-index: 1;
          }
          
#loginbox a,#navibox a {
               color: rgb(255,255,255);
            }          
#loginbox a:hover, #navibox a:hover {
                    color: rgb(255,255,0);
                  }
#loginbox form  {
                  display: inline;
                }

#hills  {
          position: absolute;
          width: 100%;
          height: 50px;
          z-index: -1;
          background: url(hills.png) repeat-x;
          top: 50px;
          left: 0px;
        }

#weather {
          position: absolute;
          width: 100%;
          height: 100px;
          top: 0px;
          left: 0px;
          z-index: -2;
          background: url(clouds2.png) repeat-x rgb(0,0,255);
          overflow: hidden;
         }

#weather div.cloud {
                  position: absolute;
                  height: 44px;
                  width: 80px;
                  top: 0px;
                  right: 0px;
                  z-index: -2;
                }
                
 #weather #cloud0 {
                  background: url(single_cloud.png) no-repeat;
                }

 #weather #cloud1 {
                  background: url(single_cloud.png) no-repeat;
                }
                
 #weather #cloud2 {
                  background: url(single_cloud2.png) no-repeat;
                }

 #weather #cloud3 {
                  background: url(single_cloud3.png) no-repeat;
                }
                
#weather.test div.cloud { background: url(single_cloud2.png) no-repeat;}

#weather.fog #cloud {}


#cloud.rain {
          background: url(single_cloud_rain.png) no-repeat;
}

#links  {
                  width: 120px;
                  padding-left: 5px;
                  font-size: 0.8em;
                  color: rgb(0,0,0);
                  background-color: rgb(50,100,50);
                  float: left;                  
                  }         
     

A:link.linkslinks , A:visited.linkslinks , A:active.linkslinks  {
                            color: white;
                            text-decoration: underline;
                            }           
                                 
A:hover.linkslinks  {
        text-decoration: underline overline;
        color: black;
        background: rgb(188,216,150);
        } 


#map {
          position: relative;
          width: 57%;
          height: 700px;
          float: left;
          border: 1px solid black;
          color: #000000;
          padding: 10px;
          background-color: #e5e3df;
          overflow: auto;
}


#adverts {
            float: right; 
            height: 700px; 
            width: 120px; 
            overflow: hidden
}

#footer {
          position: absolute;
          background: url(footer.png) repeat-x;
          height: 220px;
          width: 100%;
          z-index: -2;
          }

span.footer {
          position: absolute;
          background: transparent;
          font-size: 1.2em;
          bottom: 2px;
          width: 100%;
          text-align: center;
          }
          
.bigoak {
          position: absolute;
          height: 450px;
          width: 100%;
          z-index: -1;
          margin-top: -440px;
          background-repeat: no-repeat;
          background-position: left;
        }

.bigoak[class] {
          background-image: url(bigoak2.png);
           }

#sidebar  {
            position: absolute;
            top: 0px; 
            right: 0px;
            width:100px; 
            height: 100%; 
            font-size: 0.6em; 
            background-color: #e5e3df;
            /*margin-top: 5px;*/
            margin-left: 3px;
            margin-right: 3px;
            z-index: 9;
            cursor: pointer;
          }
          
#innerMap  {
              float: left; 
              height: 100%; 
              width: 90%;
              z-index: 8;
           }     
           
#innerMap A:link, A:visited, A:active {
                            color: black;
                            text-decoration: underline;
                            }           
                                 
#innerMap A:hover {
        text-decoration: underline overline;
        color: red;
        }                 
        
#content  {
            float: left;
            width: 800px;  
            background-color: rgb(50,100,50); 
            margin-left: auto; 
            margin-right: auto;
          }   
               
